<template>
	<u-popup :show="show" mode="center" :safeAreaInsetBottom="false" :round="10" @close="onoff" closeOnClickOverlay>
		<view class="content">
			<view class="th">烤肉套餐</view>
			<u-form labelPosition="top" ref="ufrom" :labelStyle="{ fontSize: '22rpx',color:'#737373'}">
				<u-form-item label="份量">
					<view  class="selet-item">
					<view class="onselet selet">标准量</view>
					<view class="onselet">500克</view>
					<view class="onselet">1000克</view>
					</view>
				</u-form-item>
				<u-form-item label="辣度">
					<view  class="selet-item">
					<view class="onselet selet">正常辣</view>
					<view class="onselet">微辣</view>
					<view class="onselet">中辣</view>
					<view class="onselet">特辣</view>
					</view>
				</u-form-item>
			</u-form>
			<view class="option-inpt">已选规格: <text> 1人份,不辣</text></view>
			<view class="popup-footer">
				<view>总计<text style="color: #CC0022;">￥38</text></view>
				<view class="cart">加入购物车</view>
			</view>
		</view>
	</u-popup>
</template>

<script>
	export default{
		props:{
			show:{
				type:Boolean,
				default:false
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			onoff(){
				this.$emit('off',false)
			}
		}
	}
</script>

<style lang="scss">
	.data-v-5e7216f1 {
	  font-size: 14px; /* 设置字体大小 */
	  color: #333; /* 设置字体颜色 */
	}
	.content{
		width: 540rpx;
		padding: 10rpx 20rpx;
		.selet-item{
			display: flex;
			flex-wrap: wrap;
			width: 60%;
			.onselet{
				padding: 8rpx 16rpx;
				border: 1px solid #999;
				color: #000;
				margin-top: 20rpx;
				font-size: 19rpx;
				margin-right: 20rpx;
				border-radius: 10rpx;
			}
			.selet{
				border: 1px solid #025E21;
				color: #025E21;
			}
		}
		.option-inpt{
			font-size: 20rpx;
			background-color: #fafafa;
			padding: 10rpx;
			margin-top: 20rpx;
		}
		.popup-footer{
			margin-top: 50rpx;
			font-size: 26rpx;
			display: flex;
			justify-content: space-between;
			.cart{
				font-size: 20rpx;
				background-color: #025E21;
				border-radius: 10rpx;
				color: #fff;
				padding: 10rpx 10rpx;
			}
		}
	}
</style>